<!--
  行业类别
-->

<template>
  <a-cascader 
    :value="props.value" 
    :options="allList" 
    :disabled="props.disabled" 
    :bordered="props.bordered" 
    placeholder="请选择行业类别" 
    @change="changeFunc"
  > 
    <template v-if="props.showDown" #suffixIcon />
  </a-cascader>
</template>
<script lang="ts" setup>
import { defineProps } from 'vue'
import allList from './mcc.json'

const props = defineProps({
    value: { type: Array, default: null },
    disabled: { type: Boolean, default: false },//失效
    bordered: { type: Boolean, default: true },//边框
    showDown: { type: Boolean, default: false },//自定义角标
})

// emit 父组件使用： v-model="val" 进行双向绑定。
const emit = defineEmits(['update:value', 'change'])

// 当属性发生了变化， 需要通过函数向父组件通信 --》 父组件再通知子组件进行数据的变化。 
function changeFunc(value, selectedOptions){
    emit('change', selectedOptions)
    emit('update:value', value)
}

</script>

